<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>第九师水利工程一张图</title>
    <!--    引入各类样式-->
    <link href="openlayers/ol.css" rel="stylesheet">
    <link href="superMap_for_openlayers/iclient-ol.css" rel="stylesheet">
    <link href="layui/css/layui.css" rel="stylesheet">
    <link href="/css/xadmin.css" rel="stylesheet">
    <link href="fontawesome/font-awesome.min.css" rel="stylesheet">
    <link href="/css/font.css" rel="stylesheet">
    <link rel="stylesheet" href="css/reset.css">
    <link href="css/video-js.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/tableCss.css" rel="stylesheet">
    <link rel="icon" type="image/png" href="img/area-2.png">
    <!--引入 element-ui 的样式，-->
    <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
    <link href="css/index.css" rel="stylesheet">
    <style>
        ::-webkit-scrollbar{
            width:0;
        }
        .appClass{
            height: 89.6%;
            background: #000a3fb8;
            margin: 0 10px 0px 10px;
        }
        .el-container{
            height: 100%;

        }
        .el-aside{
            width: 240px !important;
            color: #ffffff;
            padding-right: 5px;
            border-right: 2px solid #28e5e9;
        }
        .el-aside .el-menu {
            border-right: solid 0px #e6e6e6;
            background-color: #000a3fb8;
        }
        .el-aside .el-submenu__title {
            color: #ffffff;
        }
        .el-aside .el-menu-item {
            color: #ffffff;
        }
        .el-aside .el-menu-item.is-active {
            color: #0efcff;
        }
        .el-aside .el-submenu__title:hover {
            background-color: #ffffff59;
        }
        .el-aside .el-menu-item:focus, .el-menu-item:hover {
            outline: 0;
            background-color: #ffffff59;
        }
        .el-aside .el-submenu__title i {
            color: #ffffff;
        }
        .el-aside .el-menu-item-group__title {
             padding: 0;
        }
        .el-container .el-table .el-table__cell {
             padding: 7px 0;
        }
        .el-container .Inspection .el-table .el-table__cell {
            padding: 6px 0;
        }
        .el-container .el-table thead .el-table__cell {
            padding: 12px 0;
        }
        .el-container .Inspection  .el-table thead .el-table__cell {
            padding: 7px 0;
        }
        .Inspection .el-table_3_column_22{
            text-align: center;
        }
        .el-container  .el-button--mini, .el-button--mini.is-round {
            padding: 7px 8px;
        }
        .el-container .active {
             border-bottom: 0;
             border-top: 0;
             border-right: 0;
             border-left: 0;
        }
        .el-container .el-pagination__total, .el-container .el-pagination__jump {
            color: #ffffff;
        }
        .czContent{
            position: absolute;
            top: 35%;
            left: 28%;
        }
        .dialog-title {
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            overflow: hidden;
            padding: 10px 5px;
        }
        .dialog-title i {
            /*color: #45A4F9;*/
            /*!* color: #0B2278; *!*/
            font-size: 19px;
            line-height: 38px;
        }
        .paddingRow{
            padding-bottom: 20px;
        }
        .paddingRow .el-input__inner {
            background-color: #fff;
            border: 1px solid #DCDFE6;
            color: #606266;
        }
        .szInfoContent::-webkit-scrollbar-thumb {
            /*滚动条里面小方块*/
            border-radius: 10px;
            box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
            background: #78b4b4;
        }
        .szInfoContent::-webkit-scrollbar-track {
            /*滚动条里面轨道*/
            box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
            border-radius: 10px;
            background: #ededed;
        }
        .szInfoContent .block .el-button {
            padding: 10px 12px;
            margin-left: 35px;
        }
        .czDateTitle{
            font-size: 16px;
            font-weight: 700;
        }
        .czContent .el-input {
            position: relative;
            font-size: 14px;
            display: inline-block;
            width: 26%;
        }
        .czContent .el-dialog--center .el-dialog__body {
            text-align: initial;
            padding: 0px 25px 30px;
        }
        .czContent .el-dialog {
            width: 58%;
            margin-top: 12vh !important;
        }

        .el-fade-in-leave-active
        {
            -webkit-transition:all .0s cubic-bezier(.55,0,.1,1);
            transition:all .0s cubic-bezier(.55,0,.1,1)
        }
        .el-loading-spinner i {
            font-size: 30px;
        }
        .el-loading-spinner .el-loading-text {
            font-size: 25px;
        }
        .el-table_2_column_16 .el-tag {
            height: 28px;
        }
        .el-table__column-filter-trigger {
            display: inline-block;
            line-height: 23px;
            cursor: pointer;
        }
        .cardBody{
            height: 365px;
            width: 620.88px;
            background: #fff;
            position: inherit !important;
        }

        .cardBodyTop{
            margin-bottom: 10px;
            margin-top:8.9%;
        }
        .cardBodyTopStatistic{
            margin-bottom: 0px;
        }
        .cardBodyStatistic{
            height: 365px;
            width: 565px;
            background: #fff;
            position: inherit !important;
            display: inline-block;
        }

        .panel{
            display: none;
        }
        .main{
            overflow: hidden;
        }
        .sluiceOne .el-dialog {
            width: 45%;
        }


    </style>
    <style>
        .pageFooter{
            padding:13px 10px 15px 0px;
            display: inline-block;
            width: 50%;
        }
        .exportInfo{
            margin-top: 2px;
            float: right;
        }
        .exportInfo .el-button{
            border-radius: 20px;
            padding: 10px 12px;
        }
        .departmentSelect{
            margin-bottom: 15px;
            float: left;
            margin-right: 15px;
        }
        .statisticTimeSelect{
            margin-bottom: 15px;
            margin-right: 15px;
        }
        .departmentSelect .el-row,.statisticTimeSelect .el-row{
            display: inline-block;
            left: 15px;
        }
        .departmentSelect .el-row .el-button.is-round,.statisticTimeSelect .el-row .el-button.is-round  {
                     padding: 10px 12px;
                 }
        .departmentSelect .el-button.is-round,.statisticTimeSelect .el-button.is-round {
            padding: 10px 12px;
            margin-left: 15px;
        }

        .departmentSelect .el-button--primary, .statisticTimeSelect .el-button--primary{
            background-color: #a98ceb;
            border-color: #a98ceb;
        }

        .nameSearch,.dailySearch,.inspectionSearch{
            margin-left: 10px;
            margin-bottom: 15px;
            float: right;
        }
        .nameSearch .el-input {
            width: 40%;
            margin-right: 10px;
        }
        .dailySearch .el-input {
             width: 28%;
             margin-right: 10px;
         }
        .inspectionSearch .el-input {
            width: 65%;
            margin-right: 20px;
        }
        .dailySearch .el-select {
            width: 29%;
            margin-right: 10px;
        }
        .dailySearch .el-select .el-input {
            width: 100%;
        }
        .nameSearchLoginStatistic .el-input {
            width: 60%;
        }
        .nameSearch .el-button,.dailySearch .el-button{
            border-radius: 20px;
            padding: 10px 12px;
        }
        .nameSearch .el-row, .dailySearch .el-row{
            display: inline-block;

        }
        .addHumanInfo{
            margin-left: 25px;
        }
        .addHumanInfo .el-button--primary{
            background-color: #a98ceb;
            border-color: #a98ceb;

        }
        .dialog-title {
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            overflow: hidden;
            padding: 10px 5px;
        }
        .dialog-title i {
            font-size: 19px;
            line-height: 38px;
        }
        .addHumanContent .el-dialog {
            width: 45%;
            margin-top: 15vh !important;
        }
        .editSluiceReport .el-dialog {
            width: 30%;
            margin-top: 15vh !important;
        }

        .addHumanContent .el-dialog__header {
            padding: 20px 20px 0px;
        }
        .addHumanContent .el-dialog--center .el-dialog__body {
            padding: 0px 25px 30px;
        }
        .el-button+.el-button{
            margin-left: 15px;
        }
        .el-popover p {
            margin-bottom: 0;
        }
        .addHumanContent .el-date-editor.el-input, .addHumanContent .el-date-editor.el-input__inner, .addHumanContent .el-select {
            width: 100%;
        }

    </style>
</head>

<!-- -->


<body>
<div class="main">
    <div class="nav">第九师水利工程监管系统</div>
    <div class="nav_btn">
        <div class="btn_left" >
            <a href="projectInfo.html" style="margin-right: 78px;">
                <div class="btn_list" ><p style="margin-left: 20px;">流域一张图</p></div>
            </a>
            <a href="real_time_monitor.html" style="margin-right: 30px;">
                <div class="btn_list" ><p style="margin-left: 28px;">实时监测</p></div>
            </a>
        </div>
        <div class="btn_right" >
            <a href="fillout_data.html" style="margin-right: 85px;">
                <div class="btn_list " ><p style="margin-left: 28px;">灌区信息</p></div>
            </a>
            <a href="system_set.html" style="margin-right: 30px;">
                <div class="btn_list listActive" ><p style="margin-left: 26px;">系统管理</p></div>
            </a>

        </div>
    </div>

    <div id="app_1" class="appClass">
        <transition name="el-fade-in">
            <div v-show="boxShow" style="height: 100%;width: 100%" >
                <el-container>
                    <el-aside width="200px">
                        <el-menu
                                default-active="0"
                                :default-openeds="navOpen"
                                class="el-menu-vertical-demo external"
                                @select="handleCatalogSelect"
                                @open="handleCatalogOpen"
                                @close="handleCatalogClose">
                            <el-submenu index="1-1">
                                <template slot="title">
                                    <i class="el-icon-user"></i>
                                    <span>用户管理</span>
                                </template>
                                <el-menu-item index="0">用户信息</el-menu-item>
                                <el-menu-item index="1">用户登录日志</el-menu-item>
                            </el-submenu>
                            <el-submenu index="1-2">
                                <template slot="title">
                                    <i class="el-icon-ship"></i>
                                    <span>巡检管理</span>
                                </template>
                                <el-menu-item-group>
                                    <el-menu-item index="2">巡检列表</el-menu-item>
                                    <el-menu-item index="3">巡检统计</el-menu-item>
                                    <el-menu-item index="4">巡检异常</el-menu-item>
                                </el-menu-item-group>
                            </el-submenu>
                            <el-submenu index="1-3">
                                <template slot="title">
                                    <i class="el-icon-notebook-1"></i>
                                    <span>报表管理</span>
                                </template>
                                <el-menu-item-group>
                                    <el-menu-item index="5">日报查询与下载</el-menu-item>
                                    <el-menu-item index="6">旬报查询与下载</el-menu-item>
                                    <el-menu-item index="7">月报查询与下载</el-menu-item>
                                    <el-menu-item index="8">年报查询与下载</el-menu-item>
                                </el-menu-item-group>
                            </el-submenu>
                        </el-menu>
                    </el-aside>
                    <el-container>
                        <!-- Basic charts strats here-->
                        <transition name="el-fade-in">
                            <div v-show="navShow[0].cut" style="width: 100%">
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 用户信息
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="infoTable">
                                            <div class="exportInfo">
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-download" round @click="handleExportInfo()">导出人员信息</el-button>
                                                </el-row>
                                            </div>
                                            <div class="nameSearch">
                                                搜索：
                                                <el-input
                                                        placeholder="姓名或身份证"
                                                        prefix-icon="el-icon-search"
                                                        v-model="nameSearch"
                                                        clearable>
                                                </el-input>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-search" round @click="handleNameSearch()">搜索</el-button>
                                                </el-row>
                                                <el-row class="addHumanInfo">
                                                    <el-button type="primary" icon="el-icon-circle-plus-outline" round @click="handleAddOpen()">新增用户信息</el-button>
                                                </el-row>
                                            </div>
                                            <div class="departmentSelect">
                                                <template>
                                                    <el-select v-model="divisionSelect" filterable clearable placeholder="所属行政区划">
                                                        <el-option
                                                                v-for="item in divisionInfo"
                                                                :key="item.value"
                                                                :label="item.label"
                                                                :value="item.value">
                                                        </el-option>
                                                    </el-select>
                                                </template>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-mouse" round @click="handleDivisionFilter()">筛选</el-button>
                                                </el-row>
                                            </div>

                                            <template>
                                                <el-table
                                                        :data="tableHumanData"
                                                        border
                                                        style="width: 100%">
                                                    <el-table-column
                                                            label="序号"
                                                            width="120">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.order }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="姓名"
                                                            width="140">
                                                        <template slot-scope="scope">
                                                            <el-popover trigger="hover" placement="top">
                                                                <p>单位地址: {{ scope.row.address }}</p>
                                                                <div slot="reference" class="name-wrapper">
                                                                    <el-tag size="medium">{{ scope.row.name }}</el-tag>
                                                                </div>
                                                            </el-popover>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="性别"
                                                            width="140">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.sex }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="身份证号"
                                                            width="240">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.idCard }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="所在行政区划"
                                                            width="200">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.belongDivision }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="联系电话"
                                                            width="200">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.phone }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="人员权限"
                                                            width="180">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.role }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="巡检测站"
                                                            width="180">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    icon="el-icon-odometer"
                                                                    @click="handleSluiceInfo(scope.$index, scope.row)">测站列表</el-button>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="操作">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    type="success"
                                                                    icon="el-icon-edit"
                                                                    @click="handleEditOpen(scope.$index, scope.row)">编辑</el-button>
                                                            <el-button
                                                                    size="mini"
                                                                    type="danger"
                                                                    icon="el-icon-delete-solid"
                                                                    @click="handleDelete(scope.$index, scope.row)">删除</el-button>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                                <div class="block pageFooter">
                                                    <el-pagination
                                                            @size-change="handleSizeChange"
                                                            :hide-on-single-page="pageHide"
                                                            @current-change="handleCurrentChange"
                                                            :current-page="currentPage"
                                                            :page-sizes="[5, 10, 15,]"
                                                            :page-size="pageSize"
                                                            layout="total, sizes, prev, pager, next, jumper"
                                                            :total="totalPage">
                                                    </el-pagination>
                                                </div>
                                            </template>

                                        </div>

                                        <!--新增/保存人事信息-->
                                        <div class="addHumanContent">
                                            <el-dialog :visible.sync="dialogEditVisible" :show-close=true center @opened="">
                                                <div slot="title" class="dialog-title">
                                                    <span class="title-text">{{dialogEditTitle}}</span>
                                                    <i class="el-icon-user-solid"></i>
                                                </div>
                                                <el-row class="paddingRow">
                                                    <el-col :span="24">
                                                        <div class="grid-content bg-purple szInfoContent">
                                                            <el-descriptions class="margin-top" :column="2" border>
                                                                <el-descriptions-item>
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        姓名
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="addHumanName"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>

                                                                <el-descriptions-item>
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        性别
                                                                    </template>
                                                                    <template>
                                                                        <el-select v-model="sexValue" clearable placeholder="">
                                                                            <el-option
                                                                                    v-for="item in sexInfo"
                                                                                    :key="item.value"
                                                                                    :label="item.label"
                                                                                    :value="item.value">
                                                                            </el-option>
                                                                        </el-select>
                                                                    </template>
                                                                </el-descriptions-item>

                                                                <el-descriptions-item >
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        身份证号
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="idCard"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>

                                                                <el-descriptions-item>
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        所在行政区
                                                                    </template>
                                                                    <template>
                                                                        <el-select v-model="belongDivision" clearable placeholder="">
                                                                            <el-option
                                                                                    v-for="item in divisionInfo"
                                                                                    :key="item.value"
                                                                                    :label="item.label"
                                                                                    :value="item.value">
                                                                            </el-option>
                                                                        </el-select>
                                                                    </template>
                                                                </el-descriptions-item>

                                                                <el-descriptions-item>
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        联系电话
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="phoneNumber"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>

                                                                <el-descriptions-item>
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        人员权限
                                                                    </template>
                                                                    <template>
                                                                        <el-select v-model="role" clearable placeholder="">
                                                                            <el-option
                                                                                    v-for="item in roleInfo"
                                                                                    :key="item.value"
                                                                                    :label="item.label"
                                                                                    :value="item.value">
                                                                            </el-option>
                                                                        </el-select>
                                                                    </template>
                                                                </el-descriptions-item>

                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        所在地址
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="address"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>

                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        巡检测站
                                                                    </template>
                                                                    <template>
                                                                        <el-select v-model="sluiceSelect"  filterable clearable multiple placeholder="">
                                                                            <el-option
                                                                                    v-for="item in sluiceInfo"
                                                                                    :key="item.value"
                                                                                    :label="item.label"
                                                                                    :value="item.value">
                                                                            </el-option>
                                                                        </el-select>
                                                                    </template>
                                                                </el-descriptions-item>

                                                            </el-descriptions>
                                                        </div>
                                                    </el-col>
                                                </el-row>
                                                <span slot="footer" class="dialog-footer">
                                        <el-button @click="dialogEditVisible = false">取 消</el-button>
                                        <el-button type="primary" @click="handleSaveAdd()">保 存</el-button>
                                    </span>
                                            </el-dialog>
                                        </div>
                                        <!--                        水闸列表信息-->
                                        <div class="czContent">
                                            <el-dialog :visible.sync="dialogSluiceVisible" :show-close=true center @opened="czOpenedHandle()">
                                                <div slot="title" class="dialog-title">
                                                    <span class="title-text">{{dialogSluiceTitle}}</span>
                                                    <i class="el-icon-place"></i>
                                                </div>
                                                <el-row class="paddingRow">
                                                    <el-col :span="24">
                                                        <div class="grid-content bg-purple szInfoContent">
                                                            <template>
                                                                <div class="block">
                                                                    <span class="demonstration czDateTitle">下辖测站查询:</span>
                                                                    <el-input
                                                                            placeholder="请输入测站名称"
                                                                            prefix-icon="el-icon-search"
                                                                            v-model="sluiceNameSearch"
                                                                            clearable>
                                                                    </el-input>
                                                                    <el-button type="primary" icon="el-icon-search" @click="sluiceSearch">查询</el-button>
                                                                </div>
                                                            </template>
                                                        </div>
                                                    </el-col>
                                                </el-row>
                                                <el-row>
                                                    <el-col :span="12" style="padding-right: 10px;">
                                                        <div class="grid-content bg-purple szInfoContent">
                                                            <el-table :data="czData" height="434" border>
                                                                <el-table-column property="order" label="序号" width="80"></el-table-column>
                                                                <el-table-column property="name" label="测站名称" width="200"></el-table-column>
                                                                <el-table-column
                                                                        property="status"
                                                                        label="运行情况"
                                                                        width="120"
                                                                        :filters="[{ text: '正常', value: '正常' }, { text: '异常', value: '异常' }]"
                                                                        :filter-method="filterTag"
                                                                        filter-placement="bottom-end">
                                                                    <template slot-scope="scope">
                                                                        <el-tag
                                                                                :type="scope.row.status === '正常' ? 'success' : 'danger'"
                                                                                disable-transitions>{{scope.row.status}}</el-tag>
                                                                    </template>
                                                                </el-table-column>
                                                                <el-table-column
                                                                        label="测站位置">
                                                                    <template slot-scope="scope">
                                                                        <el-button
                                                                                size="mini"
                                                                                type="success"
                                                                                icon="el-icon-location-information"
                                                                                @click="handleSluiceLocation(scope.$index, scope.row)">定位</el-button>
                                                                    </template>
                                                                </el-table-column>
                                                            </el-table>
                                                        </div>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <div id="map" style="width: 100%; height: 434px">

                                                        </div>
                                                    </el-col>
                                                </el-row>
                                            </el-dialog>
                                        </div>


                                    </div>

                                </div>
                            </div>
                        </transition>
                        <transition name="el-fade-in" >
                            <div v-show="navShow[1].cut" style="width: 100%">
                                <div class="panel panel-success" style="width: 60%;">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 用户登录日志
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="infoTable">
                                            <div class="nameSearch nameSearchLoginStatistic" >
                                                搜索：
                                                <el-input

                                                        placeholder="姓名或身份证"
                                                        prefix-icon="el-icon-search"
                                                        v-model="nameSearch"
                                                        clearable>
                                                </el-input>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-search" round @click="handleNameSearch()">搜索</el-button>
                                                </el-row>
                                            </div>
                                            <div class="departmentSelect">
                                                <template>
                                                    <el-select v-model="divisionSelect" filterable clearable placeholder="所属行政区划">
                                                        <el-option
                                                                v-for="item in divisionInfo"
                                                                :key="item.value"
                                                                :label="item.label"
                                                                :value="item.value">
                                                        </el-option>
                                                    </el-select>
                                                </template>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-mouse" round @click="handleDivisionFilter()">筛选</el-button>
                                                </el-row>
                                            </div>

                                            <template>
                                                <el-table
                                                        :data="logInfoData"
                                                        border
                                                        style="width: 100%">
                                                    <el-table-column
                                                            label="序号"
                                                            width="80">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.order }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="姓名"
                                                            width="120">
                                                        <template slot-scope="scope">
                                                            <el-popover trigger="hover" placement="top">
                                                                <p>单位地址: {{ scope.row.address }}</p>
                                                                <div slot="reference" class="name-wrapper">
                                                                    <el-tag size="medium">{{ scope.row.name }}</el-tag>
                                                                </div>
                                                            </el-popover>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="性别"
                                                            width="120">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.sex }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="所在行政区划"
                                                            width="180">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.belongDivision }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="联系电话"
                                                            width="180">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.phoneNumber }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="最近一次登录"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.lastLogin }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            property="status"
                                                            label="登录频率"
                                                            :filters="[{ text: '本旬', value: '本旬' }, { text: '本月', value: '本月' }, { text: '本年', value: '本年' }]"
                                                            :filter-multiple=false
                                                            :filtered-value="['本旬']"
                                                            :filter-method="filterTagFrequency"
                                                            filter-placement="bottom-end">
                                                        <template slot-scope="scope">
                                                            <el-tag
                                                                    :type=scope.row.frequencyReal.type
                                                                    disable-transitions>{{scope.row.frequencyReal.real}}</el-tag>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                                <div class="block pageFooter">
                                                    <el-pagination
                                                            @size-change="handleSizeChange"
                                                            :hide-on-single-page="pageHide"
                                                            @current-change="handleCurrentChange"
                                                            :current-page="currentPage"
                                                            :page-sizes="[5, 10, 15,]"
                                                            :page-size="pageSize"
                                                            layout="total, sizes, prev, pager, next, jumper"
                                                            :total="totalPage">
                                                    </el-pagination>
                                                </div>
                                            </template>

                                        </div>


                                    </div>

                                </div>
                                <div class="panel panel-success" style="width: 33.9%;height: 88.7%;position: absolute;margin: 5px 5px 0 0;">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 用户登录统计
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="departmentSelect" style="margin-left: 16%;">
                                            <template>
                                                <div class="block">
                                                    <el-date-picker
                                                            v-model="date1"
                                                            type="daterange"
                                                            align="right"
                                                            unlink-panels
                                                            value-format="yyyy-MM-dd"
                                                            range-separator="至"
                                                            start-placeholder="开始日期"
                                                            end-placeholder="结束日期"
                                                            :picker-options="pickerOptions">
                                                    </el-date-picker>
                                                    <el-button type="primary" icon="el-icon-search" round @click="historyLoginStatistic">查询</el-button>
                                                </div>
                                            </template>
                                        </div>
                                        <div class="cardBody cardBodyTop" id="circleCard" >

                                        </div>
                                        <div class="cardBody" id="barCard" >

                                        </div>
                                    </div>

                                </div>

                            </div>
                        </transition>
                        <transition name="el-fade-in" >
                            <div v-show="navShow[2].cut" style="width: 100%">
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 巡检列表
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="infoTable Inspection">
                                            <div class="dailySearch">
                                                <template>
                                                    <el-select v-model="divisionSelect" filterable clearable placeholder="所属行政区划">
                                                        <el-option
                                                                v-for="item in divisionInfo"
                                                                :key="item.value"
                                                                :label="item.label"
                                                                :value="item.value">
                                                        </el-option>
                                                    </el-select>
                                                    <el-date-picker
                                                            value-format="yyyy-MM-dd"
                                                            v-model="dailySelect"
                                                            type="date"
                                                            placeholder="选择日期">
                                                    </el-date-picker>
                                                    <el-input
                                                            placeholder="巡检人姓名或测站名称"
                                                            prefix-icon="el-icon-search"
                                                            v-model="nameSearch"
                                                            clearable>
                                                    </el-input>
                                                </template>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-mouse" round @click="handleDailyFilter()">筛选</el-button>
                                                </el-row>
                                            </div>

                                            <template>
                                                <el-table
                                                        :data="tableSluiceInfo"
                                                        border
                                                        style="width: 100%">
                                                    <el-table-column
                                                            label="序号"
                                                            width="100">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.order }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="测站名称"
                                                            width="180">
                                                        <template slot-scope="scope">
                                                            <div slot="reference" class="name-wrapper" style="cursor: pointer;">
                                                                <el-tag size="medium" @click="handleSluiceOneInfo(scope.$index, scope.row)">{{ scope.row.name }}</el-tag>
                                                            </div>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="所在行政区"
                                                            width="140">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.belongDivision, }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="巡检人"
                                                            width="130">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.humanName }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报日期"
                                                            width="120">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportDate }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="当日上报流量">
                                                        <el-table-column
                                                                label="8时"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <span >{{ scope.row.firstUpDate }}</span>
                                                            </template>
                                                        </el-table-column>
                                                        <el-table-column
                                                                label="12时"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <span >{{ scope.row.secondUpDate }}</span>
                                                            </template>
                                                        </el-table-column>
                                                        <el-table-column
                                                                label="16时"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <span >{{ scope.row.thirdUpDate }}</span>
                                                            </template>
                                                        </el-table-column>
                                                        <el-table-column
                                                                label="20时"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <span >{{ scope.row.fourthUpDate }}</span>
                                                            </template>
                                                        </el-table-column>
                                                    </el-table-column>
                                                    <el-table-column
                                                            width="160"
                                                            label="上报情况"
                                                            :filters="[{ text: '已完成', value: '已完成' }, { text: '未完成', value: '未完成' },]"
                                                            :filter-method="filterTagReport"
                                                            filter-placement="bottom-end">
                                                        <template slot-scope="scope">
                                                            <el-tag
                                                                    size="medium"
                                                                    :type="scope.row.reportTag === '已完成' ? 'success' : 'danger'"
                                                                    disable-transitions>{{scope.row.reportTag}}</el-tag>
                                                        </template>
                                                    </el-table-column>

                                                    <el-table-column
                                                            label="提醒"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    icon="el-icon-phone-outline"
                                                                    @click="handleRemarkOpen(scope.$index, scope.row)">提醒上报</el-button>
                                                        </template>
                                                    </el-table-column>

                                                    <el-table-column
                                                            label="操作">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    type="success"
                                                                    icon="el-icon-edit"
                                                                    @click="handleEditSluice(scope.$index, scope.row)">编辑</el-button>
                                                            <el-button
                                                                    size="mini"
                                                                    type="danger"
                                                                    icon="el-icon-delete-solid"
                                                                    @click="handleDeleteSluiceReport(scope.$index, scope.row)">删除</el-button>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                                <div class="block pageFooter">
                                                    <el-pagination
                                                            @size-change="handleSizeChange"
                                                            :hide-on-single-page="pageHide"
                                                            @current-change="handleCurrentChange"
                                                            :current-page="currentPage"
                                                            :page-sizes="[5, 10, 15,]"
                                                            :page-size="pageSize"
                                                            layout="total, sizes, prev, pager, next, jumper"
                                                            :total="totalPage">
                                                    </el-pagination>
                                                </div>
                                            </template>

                                        </div>
                                        <!--编辑流量信息-->
                                        <div class="addHumanContent editSluiceReport">
                                            <el-dialog :visible.sync="dialogEditSluiceReport" :show-close=true center @opened="">
                                                <div slot="title" class="dialog-title">
                                                    <span class="title-text">{{dialogEditSluiceReportTitle}}</span>
                                                    <i class="el-icon-user-solid"></i>
                                                </div>
                                                <el-row class="paddingRow">
                                                    <el-col :span="24">
                                                        <div class="grid-content bg-purple szInfoContent">
                                                            <el-descriptions class="margin-top" :column="2" border>
                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        8时流量
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="editFirstFlow"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>
                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        12时流量
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="editSecondFlow"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>
                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        16时流量
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="editThirdFlow"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>
                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        20时流量
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="editFourthFlow"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>

                                                            </el-descriptions>
                                                        </div>
                                                    </el-col>
                                                </el-row>
                                                <span slot="footer" class="dialog-footer">
                                        <el-button @click="dialogEditSluiceReport = false">取 消</el-button>
                                        <el-button type="primary" @click="handleSaveSluiceReport()">保 存</el-button>
                                    </span>
                                            </el-dialog>
                                        </div>
                                        <!--                        水闸列表信息-->
                                        <div class="czContent sluiceOne">
                                            <el-dialog :visible.sync="dialogSluiceVisibleOne" :show-close=true center @opened="sluiceVisibleOne()">
                                                <div slot="title" class="dialog-title">
                                                    <span class="title-text">{{dialogSluiceTitleOne}}</span>
                                                    <i class="el-icon-place"></i>
                                                </div>
                                                <el-row>
                                                    <el-col :span="24">
                                                        <div id="mapOne" style="width: 100%; height: 434px">

                                                        </div>
                                                    </el-col>
                                                </el-row>
                                            </el-dialog>
                                        </div>


                                    </div>

                                </div>
                            </div>
                        </transition>
                        <transition name="el-fade-in" >
                            <div v-show="navShow[3].cut" style="width: 100%">
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 巡检统计
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="infoTable">
                                            <div class="statisticTimeSelect" style="margin-left: 32%;">
                                                <template>
                                                    <div class="block">
                                                        <el-date-picker
                                                                v-model="inspectionDate"
                                                                type="daterange"
                                                                align="right"
                                                                unlink-panels
                                                                value-format="yyyy-MM-dd"
                                                                range-separator="至"
                                                                start-placeholder="开始日期"
                                                                end-placeholder="结束日期"
                                                                :picker-options="pickerOptions">
                                                        </el-date-picker>
                                                        <el-button type="primary" icon="el-icon-search" round @click="historyLoginStatistic">查询</el-button>
                                                    </div>
                                                </template>
                                            </div>
                                            <el-row>
                                                <el-col :span="18"><div class="grid-content bg-purple">
                                                    <div class="cardBodyStatistic cardBodyTopStatistic" style="width: 49.6%;" >

                                                    </div>
                                                    <div class="cardBodyStatistic cardBodyTopStatistic" style="width: 49.6%;" >

                                                    </div>
                                                    <div class="cardBodyStatistic"  style="width: 1211.42px;" id="allStatusStatistic">

                                                    </div>
                                                </div></el-col>
                                                <el-col :span="6"><div class="grid-content bg-purple-light">
                                                    <div class="cardBodyStatistic cardBodyTopStatistic" style="width: 405.83px;height: 735px;" id="wrongStatusStatistic">

                                                    </div>
                                                </div></el-col>
                                            </el-row>





                                        </div>


                                    </div>

                                </div>
                            </div>
                        </transition>
                        <transition name="el-fade-in" >
                            <div v-show="navShow[4].cut" style="width: 100%">
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 巡检异常
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="infoTable Inspection">
                                            <div class="dailySearch">
                                                <template>
                                                    <el-select v-model="divisionSelect" filterable clearable placeholder="所属行政区划">
                                                        <el-option
                                                                v-for="item in divisionInfo"
                                                                :key="item.value"
                                                                :label="item.label"
                                                                :value="item.value">
                                                        </el-option>
                                                    </el-select>
                                                    <el-date-picker
                                                            value-format="yyyy-MM-dd"
                                                            v-model="dailySelectAbnormal"
                                                            type="date"
                                                            placeholder="选择日期">
                                                    </el-date-picker>
                                                    <el-input
                                                            placeholder="巡检人姓名或测站名称"
                                                            prefix-icon="el-icon-search"
                                                            v-model="nameSearch"
                                                            clearable>
                                                    </el-input>
                                                </template>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-mouse" round @click="handleDailyFilter()">筛选</el-button>
                                                </el-row>
                                            </div>

                                            <template>
                                                <el-table
                                                        :data="tableSluiceWarning"
                                                        border
                                                        style="width: 100%">
                                                    <el-table-column
                                                            label="序号"
                                                            width="80">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.order }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="测站名称"
                                                            width="180">
                                                        <template slot-scope="scope">
                                                            <div slot="reference" class="name-wrapper" style="cursor: pointer;">
                                                                <el-tag size="medium" @click="handleSluiceOneInfo(scope.$index, scope.row)">{{ scope.row.name }}</el-tag>
                                                            </div>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="所在行政区"
                                                            width="130">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.belongDivision, }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="巡检人"
                                                            width="130">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.humanName }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报日期"
                                                            width="120">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportDate }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="当日上报流量">
                                                        <el-table-column
                                                                label="8时"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <span >{{ scope.row.firstUpDate }}</span>
                                                            </template>
                                                        </el-table-column>
                                                        <el-table-column
                                                                label="12时"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <span >{{ scope.row.secondUpDate }}</span>
                                                            </template>
                                                        </el-table-column>
                                                        <el-table-column
                                                                label="16时"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <span >{{ scope.row.thirdUpDate }}</span>
                                                            </template>
                                                        </el-table-column>
                                                        <el-table-column
                                                                label="20时"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <span >{{ scope.row.fourthUpDate }}</span>
                                                            </template>
                                                        </el-table-column>
                                                    </el-table-column>
                                                    <el-table-column
                                                            width="200"
                                                            label="上报情况"
                                                            :filters="[{ text: '差值过大', value: '差值过大' }, { text: '未完成', value: '未完成' },]"
                                                            :filter-method="filterTagWarning"
                                                            filter-placement="bottom-end">
                                                        <template slot-scope="scope">
                                                            <el-tag
                                                                    v-show="scope.row.reportTag.data === '未完成' ? true : false"
                                                                    size="medium"
                                                                    type="danger"
                                                                    disable-transitions>{{scope.row.reportTag.data}}</el-tag>
                                                            <el-tag
                                                                    v-show="scope.row.reportTag.difference === '差值过大' ? true : false"
                                                                    size="medium"
                                                                    type="danger"
                                                                    disable-transitions>{{scope.row.reportTag.difference}}</el-tag>
                                                        </template>
                                                    </el-table-column>

                                                    <el-table-column
                                                            label="提醒"
                                                            width="150">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    icon="el-icon-phone-outline"
                                                                    @click="handleRemarkOpen(scope.$index, scope.row)">提醒上报</el-button>
                                                        </template>
                                                    </el-table-column>

                                                    <el-table-column
                                                            label="操作">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    type="success"
                                                                    icon="el-icon-edit"
                                                                    @click="handleEditSluice(scope.$index, scope.row)">编辑</el-button>
                                                            <el-button
                                                                    size="mini"
                                                                    type="danger"
                                                                    icon="el-icon-delete-solid"
                                                                    @click="handleDeleteSluiceReport(scope.$index, scope.row)">删除</el-button>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                                <div class="block pageFooter">
                                                    <el-pagination
                                                            @size-change="handleSizeChange"
                                                            :hide-on-single-page="pageHide"
                                                            @current-change="handleCurrentChange"
                                                            :current-page="currentPage"
                                                            :page-sizes="[5, 10, 15,]"
                                                            :page-size="pageSize"
                                                            layout="total, sizes, prev, pager, next, jumper"
                                                            :total="totalPage">
                                                    </el-pagination>
                                                </div>
                                            </template>

                                        </div>
                                        <!--编辑流量信息-->
                                        <div class="addHumanContent editSluiceReport">
                                            <el-dialog :visible.sync="dialogEditSluiceReport" :show-close=true center @opened="">
                                                <div slot="title" class="dialog-title">
                                                    <span class="title-text">{{dialogEditSluiceReportTitle}}</span>
                                                    <i class="el-icon-user-solid"></i>
                                                </div>
                                                <el-row class="paddingRow">
                                                    <el-col :span="24">
                                                        <div class="grid-content bg-purple szInfoContent">
                                                            <el-descriptions class="margin-top" :column="2" border>
                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        8时流量
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="editFirstFlow"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>
                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        12时流量
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="editSecondFlow"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>
                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        16时流量
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="editThirdFlow"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>
                                                                <el-descriptions-item :span="2">
                                                                    <template slot="label">
                                                                        <i class="el-icon-user"></i>
                                                                        20时流量
                                                                    </template>
                                                                    <el-input
                                                                            placeholder=""
                                                                            v-model="editFourthFlow"
                                                                            clearable>
                                                                    </el-input>
                                                                </el-descriptions-item>

                                                            </el-descriptions>
                                                        </div>
                                                    </el-col>
                                                </el-row>
                                                <span slot="footer" class="dialog-footer">
                                        <el-button @click="dialogEditSluiceReport = false">取 消</el-button>
                                        <el-button type="primary" @click="handleSaveSluiceReport()">保 存</el-button>
                                    </span>
                                            </el-dialog>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </transition>
                        <transition name="el-fade-in" >
                            <div v-show="navShow[5].cut" style="width: 100%">
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 日报查询与下载
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="infoTable">
                                            <div class="dailySearch">
                                                <template>
                                                    <el-select v-model="divisionSelect" filterable clearable placeholder="所属行政区划">
                                                        <el-option
                                                                v-for="item in divisionInfo"
                                                                :key="item.value"
                                                                :label="item.label"
                                                                :value="item.value">
                                                        </el-option>
                                                    </el-select>
                                                    <el-date-picker
                                                            value-format="yyyy-MM-dd"
                                                            v-model="dailySelect"
                                                            type="date"
                                                            placeholder="选择日期">
                                                    </el-date-picker>
                                                    <el-input
                                                            placeholder="姓名或身份证"
                                                            prefix-icon="el-icon-search"
                                                            v-model="nameSearch"
                                                            clearable>
                                                    </el-input>
                                                </template>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-mouse" round @click="handleDailyFilter()">筛选</el-button>
                                                </el-row>
                                            </div>

                                            <template>
                                                <el-table
                                                        :data="tableDailyReport"
                                                        border
                                                        style="width: 100%">
                                                    <el-table-column
                                                            label="序号"
                                                            width="140">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.order }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="报表名称"
                                                            width="240">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportName }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报日期"
                                                            width="210">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportDate }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报人"
                                                            width="210">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportPeople }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="所在行政区划"
                                                            width="200">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.belongDivision }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="联系电话"
                                                            width="200">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.phone }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="下辖测站"
                                                            width="200">
                                                        <template slot-scope="scope">
                                                            <el-popover trigger="click" placement="top-start" title='下辖测站列表' >
                                                                <el-table :data='sluiceList' border height="250">
                                                                    <el-table-column width="80" property="order" label="序号"></el-table-column>
                                                                    <el-table-column width="230" property="sluiceName" label="测站名称"></el-table-column>

                                                                </el-table>
                                                                <div slot="reference" class="name-wrapper" style="cursor: pointer;">
                                                                    <el-tag size="medium"><i class="el-icon-odometer"></i>下辖测站</el-tag>
                                                                </div>
                                                            </el-popover>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="操作">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    type="warning"
                                                                    icon="el-icon-s-platform"
                                                                    @click="handleDailyReportPreview(scope.$index, scope.row)">预览</el-button>
                                                            <el-button
                                                                    size="mini"
                                                                    type="success"
                                                                    icon="el-icon-download"
                                                                    @click="handleDailyReportDownload(scope.$index, scope.row)">下载</el-button>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                                <div class="block pageFooter">
                                                    <el-pagination
                                                            @size-change="handleSizeChange"
                                                            :hide-on-single-page="pageHide"
                                                            @current-change="handleCurrentChange"
                                                            :current-page="currentPage"
                                                            :page-sizes="[5, 10, 15,]"
                                                            :page-size="pageSize"
                                                            layout="total, sizes, prev, pager, next, jumper"
                                                            :total="totalPage">
                                                    </el-pagination>
                                                </div>
                                            </template>

                                        </div>


                                    </div>

                                </div>
                            </div>
                        </transition>
                        <transition name="el-fade-in" >
                            <div v-show="navShow[6].cut" style="width: 100%">
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 旬报查询与下载
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="infoTable">
                                            <div class="dailySearch">
                                                <template>
                                                    <el-select v-model="divisionSelect" filterable clearable placeholder="所属行政区划">
                                                        <el-option
                                                                v-for="item in divisionInfo"
                                                                :key="item.value"
                                                                :label="item.label"
                                                                :value="item.value">
                                                        </el-option>
                                                    </el-select>
                                                    <el-date-picker
                                                            value-format="yyyy-MM-dd"
                                                            v-model="tenDaysSelect"
                                                            type="date"
                                                            placeholder="选择日期">
                                                    </el-date-picker>
                                                    <el-input
                                                            placeholder="姓名或身份证"
                                                            prefix-icon="el-icon-search"
                                                            v-model="nameSearch"
                                                            clearable>
                                                    </el-input>
                                                </template>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-mouse" round @click="handleDailyFilter()">筛选</el-button>
                                                </el-row>
                                            </div>

                                            <template>
                                                <el-table
                                                        :data="tableTenDaysReport"
                                                        border
                                                        style="width: 100%">
                                                    <el-table-column
                                                            label="序号"
                                                            width="100">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.order }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="报表名称"
                                                            width="200">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportName }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="起始日期"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-tag size="medium" type="success">{{ scope.row.startDate }}</el-tag>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="截止日期"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-tag size="medium" type="danger">{{ scope.row.endDate }}</el-tag>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报日期"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportDate }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报人"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportPeople }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="所在行政区划"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.belongDivision }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="联系电话"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.phone }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="下辖测站"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-popover trigger="click" placement="top-start" title='下辖测站列表' >
                                                                <el-table :data='sluiceList' border height="250">
                                                                    <el-table-column width="80" property="order" label="序号"></el-table-column>
                                                                    <el-table-column width="230" property="sluiceName" label="测站名称"></el-table-column>

                                                                </el-table>
                                                                <div slot="reference" class="name-wrapper" style="cursor: pointer;">
                                                                    <el-tag size="medium"><i class="el-icon-odometer"></i>下辖测站</el-tag>
                                                                </div>
                                                            </el-popover>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="操作">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    type="warning"
                                                                    icon="el-icon-s-platform"
                                                                    @click="handleDailyReportPreview(scope.$index, scope.row)">预览</el-button>
                                                            <el-button
                                                                    size="mini"
                                                                    type="success"
                                                                    icon="el-icon-download"
                                                                    @click="handleDailyReportDownload(scope.$index, scope.row)">下载</el-button>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                                <div class="block pageFooter">
                                                    <el-pagination
                                                            @size-change="handleSizeChange"
                                                            :hide-on-single-page="pageHide"
                                                            @current-change="handleCurrentChange"
                                                            :current-page="currentPage"
                                                            :page-sizes="[5, 10, 15,]"
                                                            :page-size="pageSize"
                                                            layout="total, sizes, prev, pager, next, jumper"
                                                            :total="totalPage">
                                                    </el-pagination>
                                                </div>
                                            </template>

                                        </div>


                                    </div>

                                </div>
                            </div>
                        </transition>
                        <transition name="el-fade-in" >
                            <div v-show="navShow[7].cut" style="width: 100%">
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 月报查询与下载
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="infoTable">
                                            <div class="dailySearch">
                                                <template>
                                                    <el-select v-model="divisionSelect" filterable clearable placeholder="所属行政区划">
                                                        <el-option
                                                                v-for="item in divisionInfo"
                                                                :key="item.value"
                                                                :label="item.label"
                                                                :value="item.value">
                                                        </el-option>
                                                    </el-select>
                                                    <el-date-picker
                                                            value-format="yyyy-MM"
                                                            v-model="monthSelect"
                                                            type="month"
                                                            placeholder="选择月份">
                                                    </el-date-picker>
                                                    <el-input
                                                            placeholder="姓名或身份证"
                                                            prefix-icon="el-icon-search"
                                                            v-model="nameSearch"
                                                            clearable>
                                                    </el-input>
                                                </template>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-mouse" round @click="handleDailyFilter()">筛选</el-button>
                                                </el-row>
                                            </div>

                                            <template>
                                                <el-table
                                                        :data="tableTenDaysReport"
                                                        border
                                                        style="width: 100%">
                                                    <el-table-column
                                                            label="序号"
                                                            width="100">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.order }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="报表名称"
                                                            width="200">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportName }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="起始日期"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-tag size="medium" type="success">{{ scope.row.startDate }}</el-tag>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="截止日期"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-tag size="medium" type="danger">{{ scope.row.endDate }}</el-tag>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报日期"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportDate }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报人"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportPeople }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="所在行政区划"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.belongDivision }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="联系电话"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.phone }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="下辖测站"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-popover trigger="click" placement="top-start" title='下辖测站列表' >
                                                                <el-table :data='sluiceList' border height="250">
                                                                    <el-table-column width="80" property="order" label="序号"></el-table-column>
                                                                    <el-table-column width="230" property="sluiceName" label="测站名称"></el-table-column>

                                                                </el-table>
                                                                <div slot="reference" class="name-wrapper" style="cursor: pointer;">
                                                                    <el-tag size="medium"><i class="el-icon-odometer"></i>下辖测站</el-tag>
                                                                </div>
                                                            </el-popover>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="操作">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    type="warning"
                                                                    icon="el-icon-s-platform"
                                                                    @click="handleDailyReportPreview(scope.$index, scope.row)">预览</el-button>
                                                            <el-button
                                                                    size="mini"
                                                                    type="success"
                                                                    icon="el-icon-download"
                                                                    @click="handleDailyReportDownload(scope.$index, scope.row)">下载</el-button>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                                <div class="block pageFooter">
                                                    <el-pagination
                                                            @size-change="handleSizeChange"
                                                            :hide-on-single-page="pageHide"
                                                            @current-change="handleCurrentChange"
                                                            :current-page="currentPage"
                                                            :page-sizes="[5, 10, 15,]"
                                                            :page-size="pageSize"
                                                            layout="total, sizes, prev, pager, next, jumper"
                                                            :total="totalPage">
                                                    </el-pagination>
                                                </div>
                                            </template>

                                        </div>


                                    </div>

                                </div>
                            </div>
                        </transition>
                        <transition name="el-fade-in" >
                            <div v-show="navShow[8].cut" style="width: 100%">
                                <div class="panel panel-success">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <i class="fa fa-fw fa-file-text-o"></i> 年报查询与下载
                                        </h4>
                                    </div>
                                    <div class="panel-body table-responsive" >
                                        <div class="infoTable">
                                            <div class="dailySearch">
                                                <template>
                                                    <el-select v-model="divisionSelect" filterable clearable placeholder="所属行政区划">
                                                        <el-option
                                                                v-for="item in divisionInfo"
                                                                :key="item.value"
                                                                :label="item.label"
                                                                :value="item.value">
                                                        </el-option>
                                                    </el-select>
                                                    <el-date-picker
                                                            value-format="yyyy"
                                                            v-model="yearSelect"
                                                            type="year"
                                                            placeholder="选择年份">
                                                    </el-date-picker>
                                                    <el-input
                                                            placeholder="姓名或身份证"
                                                            prefix-icon="el-icon-search"
                                                            v-model="nameSearch"
                                                            clearable>
                                                    </el-input>
                                                </template>
                                                <el-row>
                                                    <el-button type="primary" icon="el-icon-mouse" round @click="handleDailyFilter()">筛选</el-button>
                                                </el-row>
                                            </div>

                                            <template>
                                                <el-table
                                                        :data="tableTenDaysReport"
                                                        border
                                                        style="width: 100%">
                                                    <el-table-column
                                                            label="序号"
                                                            width="100">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.order }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="报表名称"
                                                            width="200">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportName }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="起始日期"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-tag size="medium" type="success">{{ scope.row.startDate }}</el-tag>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="截止日期"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-tag size="medium" type="danger">{{ scope.row.endDate }}</el-tag>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报日期"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportDate }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="上报人"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.reportPeople }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="所在行政区划"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.belongDivision }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="联系电话"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <span >{{ scope.row.phone }}</span>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="下辖测站"
                                                            width="160">
                                                        <template slot-scope="scope">
                                                            <el-popover trigger="click" placement="top-start" title='下辖测站列表' >
                                                                <el-table :data='sluiceList' border height="250">
                                                                    <el-table-column width="80" property="order" label="序号"></el-table-column>
                                                                    <el-table-column width="230" property="sluiceName" label="测站名称"></el-table-column>

                                                                </el-table>
                                                                <div slot="reference" class="name-wrapper" style="cursor: pointer;">
                                                                    <el-tag size="medium"><i class="el-icon-odometer"></i>下辖测站</el-tag>
                                                                </div>
                                                            </el-popover>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column
                                                            label="操作">
                                                        <template slot-scope="scope">
                                                            <el-button
                                                                    size="mini"
                                                                    type="warning"
                                                                    icon="el-icon-s-platform"
                                                                    @click="handleDailyReportPreview(scope.$index, scope.row)">预览</el-button>
                                                            <el-button
                                                                    size="mini"
                                                                    type="success"
                                                                    icon="el-icon-download"
                                                                    @click="handleDailyReportDownload(scope.$index, scope.row)">下载</el-button>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                                <div class="block pageFooter">
                                                    <el-pagination
                                                            @size-change="handleSizeChange"
                                                            :hide-on-single-page="pageHide"
                                                            @current-change="handleCurrentChange"
                                                            :current-page="currentPage"
                                                            :page-sizes="[5, 10, 15,]"
                                                            :page-size="pageSize"
                                                            layout="total, sizes, prev, pager, next, jumper"
                                                            :total="totalPage">
                                                    </el-pagination>
                                                </div>
                                            </template>

                                        </div>


                                    </div>

                                </div>
                            </div>
                        </transition>
                    </el-container>
                </el-container>
            </div>
        </transition>

    </div>

</div>





<!--引入各类函数-->
<!--    <script src="js/video.js"></script>-->
<!--    <script src="js/videojs-contrib-hls.min.js" type="text/javascript"></script>-->
<!-- 必须先引入vue，  后使用element-ui -->
<script src="vue-dev/dist/vue.js"></script>
<!-- 引入element 的组件库-->
<script src="element-ui/lib/index.js"></script>
<script src="openlayers/ol.js"></script>
<script type="text/javascript"  src="superMap_for_openlayers/iclient-ol.js"></script>
<script type="text/javascript"  src="superMap_for_openlayers/include-web.js"></script>
<script src="layui/layui.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/xadmin.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/dataScoll.js"></script>
<script src="js/public.js"></script>
<script src="js/NineDivision_base.js"></script>
<script src="js/systemSet.js"></script>





</body>

</html>

